<!DOCTYPE html>
<html lang="en">

<body>
  <!-- 你注意到了吗，我们早已为你添加好了 body 标签，也就是示例树最上方的部分，因此你不必再添加这个标签了。在完成之后，你可以点击 solution.html 进行检查。 -->
  <div>
    <p>你可以使用树形结构整理 HTML 文件，使它们更具有条理。
    </p>
    <p> 这不仅有利于可读性，还与 CSS、JavaScript 的风格和编程形式保持了一致。
    </p>
  </div>
  <a href="http://www.baidu.com" title="baidu">这是百度</a>
  <p>
    这里是一大段有关 Udacity 的文字。很酷！接下来是图像！     <!-- 请在这里放入图像元素！ -->
    <img src="http://udacity.github.io/fend/images/udacity.png"  alt="Udacity logo">
    现在我们还有一个问题：文字如何对图像做出反应？图像是自成一行，还是显示在文字最后？
  </p>
  <!-- a[title="yangkai" xx="dd"] -->
  <div class="xdf01"></div>
  <div class="xdf02"></div>
  <div class="xdf03"></div>
  <div class="xdf04"></div>
</body>
<h1>样卡</h1>
</html>